<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<html>
<head>
    <title>江苏高考志愿填报系统</title>
</head>
<link rel="stylesheet" href="css/style.css" >
<link href='css/jquery.tableui.css'  rel="stylesheet" type="text/css"/>
<link rel="stylesheet" href="css/bootstrap.min.css" >
<link rel="stylesheet" type="text/css" href="css/sweetalert.css">
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-nav.js"></script>
<script type="text/javascript" src="js/jquery.tableui.js"></script>
<script src="js/sweetalert.min.js"></script>
<body style="background-color: #3ea751">
<%--头部div--%>
<div class="box">
    <ul class="f-nav" id='f-nav'>
        <a onclick="javascript:Check();"><li>首页</li></a>
        <a href="/school_search"><li>高校信息查询</li></a>
        <a onclick="javascript:Foo();"><li>考生志愿填报</li></a>
        <a href="/show_vol"><li>志愿填报查询</li></a>
        <div class='sideline'></div>
    </ul>
</div>
<div style="margin: 30px 200px; width:74%; height: 100px;">
<h2 align="center" style="color: #bd4147; "> 请在下表中谨慎选择志愿！</h2>
</div>
<div style="margin: 10px 200px; width:74%;">
    <form method="post" id="vol_form">
        <table cellpadding="0" cellspacing="0" style="width: 100%" class="table_solid">
            <tr style="text-align: center; height: 35px">
                <td rowspan="5" style="border-right: 1px solid black">
                    第一志愿
                </td>
                <td rowspan="5" style="border-right: 1px solid black">
                    <select id="school" name="sch_id">
                        <option value='0'>-- 请选择报考学校 --</option>
                        <c:if test="${not empty schoolList}">
                            <c:forEach items="${schoolList}" var="list">
                                <option value="${list.sch_id}">${list.sch_name}</option>
                            </c:forEach>
                        </c:if>
                    </select>
                </td>
                <td><select id="major1-1" name="major_id"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major1-2" name="major_id"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major1-3" name="major_id"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major1-4" name="major_id"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major1-5" name="major_id"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td rowspan="5" style="border-right: 1px solid black">
                    第二志愿
                </td>
                <td rowspan="5" style="border-right: 1px solid black">
                    <select id="school2" name="sch_id">
                        <option value='0'>-- 请选择报考学校 --</option>
                        <c:if test="${not empty schoolList}">
                            <c:forEach items="${schoolList}" var="list">
                                <option value="${list.sch_id}">${list.sch_name}</option>
                            </c:forEach>
                        </c:if>
                    </select>
                </td>
                <td><select id="major2-1" name="major_id2"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major2-2" name="major_id2"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major2-3" name="major_id2"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major2-4" name="major_id2"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major2-5" name="major_id2"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td rowspan="5" style="border-right: 1px solid black">
                    第二志愿
                </td>
                <td rowspan="5" style="border-right: 1px solid black">
                    <select id="school3" name="sch_id">
                        <option value='0'>-- 请选择报考学校 --</option>
                        <c:if test="${not empty schoolList}">
                            <c:forEach items="${schoolList}" var="list">
                                <option value="${list.sch_id}">${list.sch_name}</option>
                            </c:forEach>
                        </c:if>
                    </select>
                </td>
                <td><select id="major3-1" name="major_id3"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major3-2" name="major_id3"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major3-3" name="major_id3"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major3-4" name="major_id3"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
            <tr style="text-align: center; height: 35px">
                <td><select id="major3-5" name="major_id3"><option value='0'>-- 请选择报考专业 --</option></select></td>
            </tr>
        </table>
        <div style="margin: 30px auto; width:74%; " align="center">
            <input type="button" value="提&nbsp;&nbsp;&nbsp;交" id="comfirm_btn" class="btn btn-warning" onclick="check_sub()" style="cursor: pointer">
        </div>
    </form>

</div>
</body>
<script>
    $('#f-nav').tooltip({
        default: 3,       // 默认为空  --  选中默认值
        width: '200',     // 限制宽度
        height: '100',
        type: 'slideMove',  // 必填, 选择内容
        success: function(ret){

        }   //初始化回调
    });
    function Check(){
        var user = ${loginUser.stu_id};
        if(user == null || user == ''){
            $(window).attr('location','/init');
        }
        $(window).attr('location','/main');
    }
    function Foo(){
        var mydate = new Date();
        var str = "" + mydate.getFullYear() + "-";
        str += (mydate.getMonth()+1) + "-";
        str += mydate.getDate();
        var now = new Date(str);
        var fixtime = new Date("2018-06-28");
        if(now>fixtime){
            swal("志愿填报时间已过");
            return false;
        }
        if(${empty loginUser}){
            $(window).attr('location','/init');
        }
        $.post("check_vol",{"stu_id":${loginUser.stu_id}},function(data){
            if(data == "false"){
                swal("您已经填写过志愿信息！");
            }
            else{
                $(window).attr('location','/tian_bao');
            }
        })
    }
    $(function(){
        $(".table_solid").tableUI();
    })
    $("#school").change(function () {
        var str = $("#school").val();
        load_major(str,1);//重新加载专业
    });
    $("#school2").change(function () {
        var str = $("#school2").val();
        load_major(str,2);//重新加载专业
    });
    $("#school3").change(function () {
        var str = $("#school3").val();
        load_major(str,3);//重新加载专业
    });
    function load_major(str,index) {
        if(index ==1){
            $("#major1-1").empty();
            $("#major1-1").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major1-2").empty();
            $("#major1-2").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major1-3").empty();
            $("#major1-3").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major1-4").empty();
            $("#major1-4").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major1-5").empty();
            $("#major1-5").append("<option value='0'>-- 请选择报考专业 --</option>");
        }
        else if(index == 2){
            $("#major2-1").empty();
            $("#major2-1").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major2-2").empty();
            $("#major2-2").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major2-3").empty();
            $("#major2-3").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major2-4").empty();
            $("#major2-4").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major2-5").empty();
            $("#major2-5").append("<option value='0'>-- 请选择报考专业 --</option>");
        }
        else {
            $("#major3-1").empty();
            $("#major3-1").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major3-2").empty();
            $("#major3-2").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major3-3").empty();
            $("#major3-3").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major3-4").empty();
            $("#major3-4").append("<option value='0'>-- 请选择报考专业 --</option>");
            $("#major3-5").empty();
            $("#major3-5").append("<option value='0'>-- 请选择报考专业 --</option>");
        }
        $.post("/major_search",{"sch_id":str},function (str) {
            if(str != null){
                var array = str.split("|");
                for(var i=0;i<array.length-1;i++){
                    var array2 = array[i].split("^");
                    if(index == 1){
                        $("#major1-1").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major1-2").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major1-3").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major1-4").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major1-5").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                    }
                    else if(index ==2){
                        $("#major2-1").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major2-2").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major2-3").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major2-4").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major2-5").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                    }
                    else {
                        $("#major3-1").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major3-2").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major3-3").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major3-4").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                        $("#major3-5").append("<option value='"+array2[0]+"'>"+array2[1]+"</option>");
                    }
                }
            }
        });
    }
    function check_sub() {
        var school1 = $("#school").val();
        var school2 = $("#school2").val();
        var school3 = $("#school3").val();
        if(school1 == 0 || school2 == 0 || school3 == 0){
            swal("学校不能为空，请选择！");
            return false;
        }
        if(school1 == school2 || school1 == school3 || school2 == school3){
            swal("学校选择重复，请确认！");
            return false;
        }
        if($("#major1-1").val() == 0){
            swal("第一志愿第一个专业必须选择！");
            return false;
        }
        if($("#major2-1").val() == 0){
            swal("第二志愿第一个专业必须选择！");
            return false;
        }
        if($("#major3-1").val() == 0){
            swal("第三志愿第一个专业必须选择！");
            return false;
        }
        swal({
            title:"",
            text:"确定提交吗？",
            type:"warning",
            showCancelButton:"true",
            showConfirmButton:"true",
            confirmButtonText:"确定",
            cancelButtonText:"取消",
            animation:"slide-from-top"
        }, function() {
            $.post("/vol_submit",$("#vol_form").serialize(),function (data) {
                if(data == "success"){
                    swal("填报志愿成功","正在转向填报结果页","success");
                    window.setTimeout(function(){location.href = "/show_vol";}, 2000);
                }
                else if(data == "false"){
                    swal("第一志愿专业选择重复！");
                }
                else if(data == "false2"){
                    swal("第二志愿专业选择重复！");
                }
                else if(data == "false3"){
                    swal("第三志愿专业选择重复！");
                }
                else {
                    swal("登录失效","请尝试重新登录！","error");
                    window.setTimeout(function(){location.href = "/init";}, 2000);
                }
            })
        });

    }
</script>
</html>
